<template>
    <div class="row dv-global-theme-success">
        <div class="col-6 bg-dark" style="height: 600px;">
            <div class="rotary-table-lab-2d">
                <inline-svg class="dv-rotary-table dv-rotary-table-2d" :src="svg"></inline-svg>
            </div>
        </div>
        <div class="col-6 bg-dark" style="height: 600px;">
            <div class="rotary-table-lab-2d">
                <inline-svg class="dv-rotary-table dv-rotary-table-3d" :src="svg"></inline-svg>
            </div>
        </div>
    </div>
</template>

<script>
    import SvgRes from "../SvgRes";

    export default {
        name: "RotaryTableLab",
        computed: {
            svg: () => SvgRes["ornament/rotary-table"]
        }
    }
</script>

<style lang="scss">
    @use "sass:math";
    @import "@/assets/sass/style";
    @import "@/assets/sass/theme/helpers/colors";

    .rotary-table-lab-2d {
        svg {
            width: 500px;
            height: 500px;
        }
    }

</style>
